// 顶部区域样式
.main-head {
    background: $frame-head-bgcolor;

    // 顶部菜单区域样式
    .head-menu-panel {
        .head-menu {
            >li {
                >a {
                    color: $frame-head-color;
                    &:hover {
                        background-color: mix($frame-head-bgcolor, $white-color, 90%);
                    }
                }
                .head-avatar {
                    border: 1px solid $white-color;
                }

                &.head-message {

                    .hoverdown-menu,
                    .dropdown-menu {
                        .head-message-link {
                            border-bottom: 1px solid $base-border-color;
                        }
                    }
                }

                &.head-notice {
                    .hoverdown-menu,
                    .dropdown-menu {
                        .head-notice-link {
                            border-bottom: 1px solid $base-border-color;
                        }

                        .head-notice-title {
                            background-color: $base-primary;
                            color: $white-color;
                        }
                    }
                }
            }

        }
    }
}
